<template>
    <div>
        <h1>栅格布局</h1>
        <el-row :gutter="20">
            <el-col :span="8">
                <div class="cont">春眠不觉晓</div>
            </el-col>
            <el-col :span="8">
                <div class="cont">处处闻笛鸟</div>
            </el-col>
            <el-col :span="8">
                <div class="cont">夜来风雨声</div>
            </el-col>
        </el-row>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
.el-row{
    border: 1px solid #f0f;
}
.el-col{
    border: 1px #f00 solid;
}
.cont{
    border: 1px solid #000;
}
</style>